<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery UI Draggable - Default functionality</title>
<link rel="stylesheet"
	href="../stylesheet/themes/jquery.mobile-1.1.1.min.css" />
<script src="../javascript/lib/jquery/jquery.min.js"></script>
<script src="../javascript/lib/jquery-mobile/jquery.mobile-1.1.1.js"></script>
</head>

<body>
	<!-- Home -->
	<div data-role="page" id="login">
		<div data-role="header">
			<ul data-role="listview" data-divider-theme="b" data-inset="true">
				<li data-theme="c"><label for="textinput1">username</label> <input
					name="" id="textinput1" placeholder="" value="" type="text">
				</li>
				<li data-theme="c"><label for="textinput2">password</label> <input
					name="" id="textinput2" placeholder="" value="" type="password">
				</li>
			</ul>
		</div>
		<a data-role="button" data-inline="true" data-transition="fade" href="#page1"
        data-icon="arrow-l" data-iconpos="left">
            登录
        </a>
        <a data-role="button" data-inline="true" data-transition="fade" href="#page1"
        data-icon="arrow-r" data-iconpos="right">
            取消
        </a>
	</div>
</body>
</html>